<template>
    <view class="map-wrap" >	   
            <map class="map"  :latitude="latitude" :longitude="longitude" >
				<cover-view class="top" >
					<cover-view class="left" >
						 <cover-view class="bgimg"> <cover-image   @click="markertap"  src="../../static/f.png" mode="" class="covers"></cover-image></cover-view>
						 <cover-view class="pending">安徽省合肥市蜀山区金寨南路号安徽省合肥市蜀1</cover-view>
						<!-- <cover-view class="time" ><cover-image  @click="markertap"  src="../../static/d.png" mode=""></cover-image> </cover-view> -->
					</cover-view>
					<cover-view class="right"> <cover-image   src="../../static/a.png" mode="" class="dinwei"></cover-image></cover-view>
					
				</cover-view>
				
             </map>
    </view>
</template>
<script>
    export default {
        data() {
            return {
                latitude: 34.788195,
                longitude: 113.685064,
            }
        },
        methods: {
            markertap(e) {
				uni.showToast({
					title:'点击率',
					icon:'none'
				})
               console.log('点击率')
            }
        }
    }
</script>
<style lang="less" scoped>
	.top{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);text-align: center;}
    .map{width: 100%;height: 100vh;}
	.left{width: 720rpx;height: 156rpx;position: relative;}
	.right .dinwei{width: 66rpx;height: 78rpx;margin-right: 10rpx;display: block;margin: 0 auto;}
	.bgimg .covers{width: 720rpx;height: 156rpx;margin-right: 10rpx;display: block;margin: 0rpx auto 0;}
	.top .left .pending{max-width: 85%;font-family: 'PingFangSC';color: #283040;line-height: 38rpx;font-size: 28rpx;box-sizing: border-box;padding: 0 50rpx 0 25rpx;white-space: normal;text-align: left;height: 94rpx;position: absolute;z-index: 999;top: 28rpx;left: 0;}
	.dao_text{color: #fff;font-size: 28rpx;}
	.left .time{background-color: #1778FF;width: 136rpx;height: 104rpx;border-radius: 0px 8px 8px 0px;position: absolute;right: 24rpx;top: 17rpx;}
</style>
